   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
a {
    color:#414141;
    cursor:pointer;
    outline-style:none;
    text-decoration:none;
    font-weight: bold;
}
img {
    border: none;
}
input, select{
    /*padding:3px 0;*/
    color:#000000;
    border:1px solid #D3D3D3;
    font-size:15px;
    font-family: Arial, Helvetica; 
    /*margin-top:5px;*/
}
input{
    background:url(../img/backgrounds/bg_input.gif) repeat-x scroll 0 0 #FFFFFF;
    text-indent:7px;
}
html, body {
    border:0 none;   
    text-align:center;
}
body {
    font-size: 12px;
    font-family : Arial, Helvetica; 

    color: #848484;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
} 
h1,h2,h3,h4{
    font-family:Georgia,Times,"Times New Roman",serif;
    font-weight:normal; 
    margin-bottom:15px;   
    /*text-shadow:#FFF 1px 1px 1px;*/
}

h1{
    color:#E77817;
    font-size:24px;
    letter-spacing:-0.03em;
    line-height: 24px;
}

h2{
    font-size: 18px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom:4px;
    width:410px;
}

h3{
    font-size: 16px;
}

br{
    padding:0; margin:0;
}
#header_holder {
    background:none repeat scroll 0 0 #252525;
    /*border-bottom:1px solid #282828;*/
    overflow:hidden;
}  
#header {
    /*background:none repeat scroll 0 0 #252525;
    height:66px;
    margin:auto;
    width:960px;*/
    position: relative;
} 
#logo{
    display: inline-block;
    padding: 14px 0 0;
    text-decoration: none;
}
#headerinfo{
    float:right;
    width: 220px;
    text-align: right;
    margin-right:16px;
}

/******************************************************************
*   MODAL STYLER
*******************************************************************/ 

.simplemodal-container{
    background: #FFF;
    -moz-border-radius:5px 5px 5px 5px;
    -moz-box-shadow:0 0 18px rgba(0, 0, 0, 0.4);
    border:3px solid transparent;
}    
#simplemodal-data{
    padding: 10px;
}
#simplemodal-data a{
    text-decoration: none;
    color: #fff;
    line-height:16px;
} 
.simplemodal-container h2{  
    text-align:center;
}
.simplemodal-container .logo{
    margin:0 auto;  
    width:380px;
    text-align:center;
}
.simplemodal-container .animate{ 
    text-align:center;
}

a#nav-logout{
    display: block;
    height: 23px;
    text-indent:-4999px;
    background:url(../img/nav/nav_clientlogout.jpg) no-repeat scroll left top transparent;
    margin-left: 140px;
}
a#nav-logout:hover{
    background-position: 0 -23px;
}

#clearline {
    height:65px;
    /*overflow:hidden;*/
}
#cltext {
    background:none repeat scroll 0 0 #252525;    
    margin:0 auto auto;    
    width:960px;
    text-align: left;
    height: 25px;

}
#cltext span{
    margin:6px 10px;
    font-size: 13px;
    color:#e5e5e5;
    float: left;
}
#clgraph {
    background:url(../img/backgrounds/clbottom.gif) no-repeat scroll 0 0 transparent;
    height:3px;
    margin:auto;
    width:960px;
}
.submenu{
    float: right;
    /*width: 564px;*/
}
#wrap{
    width: 960px;
    margin: auto;
    overflow: hidden;
    text-align: left;
}
#content{
    overflow: hidden;
}

.pager{
    background:none repeat scroll 0 0 #414141;
    border:1px solid #DEDEDE;
    border-top: none;
    height:auto;
    overflow:hidden;
    /*padding:2px 0;*/
    text-align:center;
    width: 960px;
}
.pager form{
    line-height: 20px;
}
.pager .pagedisplay, .pager .pagesize{
    border-bottom: medium none;
    font-size: 11px;
    text-align: center;
    width: 60px;
    text-indent: 0;
}

.descdiv{
    line-height: 20px;
    margin-left: 15px;
    text-align:justify;
}
/*----        Other        ----*/
.required{
    color:#C30;
}

#infomessage{
    font-size:11px;
    border-left:3px solid #dedede;
    padding:2px 0px 2px 10px;
    display:none;
    margin:10px 0px 10px 2px;
    line-height:24px;
}

.infomessage{
    font-size:11px;
    padding:2px 0px 2px 10px;
    margin:10px 0px 10px 10px;
    line-height:24px;
}

/*        FORMS        */
.inputbox{
    padding:3px;
    border:1px solid #DEDEDE;
    width:400px;
    border-left:3px solid #DEDEDE;
    color:#444;
    font-size:18px;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-top: 2px;
}

textarea.inputbox{
    font-size: 12px;
}

select.inputbox{
    /*padding: 1px;
    font-size: 12px;*/
}

.inputdivline{
    margin-bottom:15px;
    overflow:hidden;
}

.inputdivline .hint{
    color:#888;
    font-size:12px;
    font-style:italic;
}

.hint{
    color:#888;
    font-size:12px;
    font-style:italic;
    display: inline-block;
}

/*              Indicator           */
#loadingdiv, .loadingdiv{
    display: none;
    background: url(../img/backgrounds/icons/loading.gif) no-repeat top left;
    height: 16px;
    padding: 3px 0px 3px 20px;
    font-size: 10px;
    color: #222;
}
.footer{
    margin-top: 30px; 
    margin-bottom: 30px; 
    font-size: 10px; 
    color: rgb(68, 68, 68); 
    overflow: hidden; 
    padding: 10px; 
    text-align: left;
    margin:auto;
    width:960px;
}
.o_text{
    width: 70px;
}
#footer {
    background:url(../img/logo-small.png) no-repeat scroll right 5px transparent;
    border-top:3px solid #F2F2F2;
    font-family:Gotham,Arial,"sans serif";
    margin:0 auto;
    margin-top:30px;
    overflow:hidden;
    padding:16px 0 48px;
    width:960px;
}
p#footer_copyright {
    float:left;
    font-size:10px;
    letter-spacing:1px;
    padding-top:6px;
    text-align:right;
}
#footer_nav {
    float:left;
    margin-left:10px;
    text-align:right;
    width:700px;
}
#footer_nav li {
    border-left:1px solid #DADADA;
    display:block;
    float:left;
    font-size:11px;
    line-height:19px;
    padding:4px 12px;
}
#footer a {
    /*border-bottom:1px solid #D8D8D8;*/
    color:#888888;
    padding:4px 0 0;
    text-decoration:none;
}
#footer a:hover {
    color:#444444;
}
#sidebar {
    float:left;
    width:220px;
}
.sidebarbox {
    font-size:11px;
    line-height:20px;
    margin-bottom:40px;
    padding:10px;
}
#incontent {
    float:left;
    margin-left:20px;
    width:700px;
}

/* this is administration code */

.lineinput{
    display: block;
    margin: 10px 0px;
}

.inputbox, .selectbox{
    padding: 4px 7px;     
    border-left: 3px solid #D3D3D3;
}
.inputbox{
    width: 350px; 
}
.selectbox{
    width: 368px;
}
.greenbtn{
    background: none repeat scroll 0 0 #414141;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
    padding: 5px;
    text-indent: 0;
}
.objasnjenje{
    font-style: italic;
    font-size: 11px;
    color: #666666;
}
table.tablesorter tbody td.exc_title{
    color:#E77817;
    font-size:16px;
    letter-spacing:-0.03em;
    line-height: 34px;
    vertical-align: middle;
    font-weight: bold;
}
table.tablesorter tbody td.exc_info,table.tablesorter tbody td.actiontd{
    vertical-align: middle;
}
/****************************************************  
Grids and Buttons
****************************************************/
.delete_grid, .edit_grid, .cancel_grid, .add_foto{
    display:inline-block;
    height:16px;
    /*text-indent:-9999em;*/
    width:49px;
}
.edit_grid{
    /*background:url("../img/backgrounds/buttons/uredi.gif") no-repeat scroll 0 0 transparent;*/
    }.delete_grid{
    /*background:url("../img/backgrounds/buttons/obrisi.gif") no-repeat scroll 0 0 transparent;*/
    }.cancel_grid{
    /*background:url("../img/backgrounds/buttons/otkazi.gif") no-repeat scroll 0 0 transparent;*/
    width:89px;
}
.demoHeaders { margin-top: 2em; } 

.t_title{
    float: left;
    margin-left: 5px;
}
.t_component{
    float: left;
}
.t_component input{
    visibility:hidden;
    width:2px;
}
.action{

}
.action_td{
    background-color:#EAEBDB;
    text-align:center;
}
#excrows a{
    text-decoration: underline;
}
#excrows a:hover{
    text-decoration: none;
}
#trrows a{
    text-decoration: underline;
}
#trrows a:hover{
    text-decoration: none;
}
.transakcija {
    display:inline-block;
    height:16px;
    text-indent:-9999em;
}
.dmsok {
    background:url("../img/backgrounds/buttons/dms_transakcija.gif") no-repeat scroll 0 0 transparent;
    width:96px;
}
.dmsreverse {
    background:url("../img/backgrounds/buttons/dms_povracaj.gif") no-repeat scroll 0 0 transparent;
    width:96px;
}
.sbutton {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: inline;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 41px;
    text-indent: -9999px;
}
.sbtndodaj {
    background-image: url("../img/backgrounds/sdodaj.gif");
}
.sbutton:hover {
    background-position: 0 -15px;
}
ul.tagList {
    margin: 3px 0 0;
    overflow: hidden;
    padding: 0;
    width: 415px;
}
.tagList li {
    background: none repeat scroll 0 0 #EFEFEF;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 11px;
    margin: 2px 3px 0 0;
    padding: 2px 10px 2px 4px;
}
.left{
    float: left;
}